@import url("reset.css");

/* CSS Document */ 
 
/*@font-face {
  font-family: 'Fjalla';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}*/

@font-face {
    font-family: 'interstateLight';
    src: url('../font/interstate-light-webfont.eot');
    src: url('../font/interstate-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/interstate-light-webfont.woff') format('woff'),
         url('../font/interstate-light-webfont.ttf') format('truetype'),
         url('../font/interstate-light-webfont.svg#interstate-lightnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'interstateRegular';
    src: url('../font/interstate-regular-webfont.eot');
    src: url('../font/interstate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/interstate-regular-webfont.woff') format('woff'),
         url('../font/interstate-regular-webfont.ttf') format('truetype'),
         url('../font/interstate-regular-webfont.svg#interstateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'interstateBlack';
    src: url('../font/interstate-black-webfont.eot');
    src: url('../font/interstate-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/interstate-black-webfont.woff') format('woff'),
         url('../font/interstate-black-webfont.ttf') format('truetype'),
         url('../font/interstate-black-webfont.svg#interstateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fromwhereyouare';
    src: url('../font/fromwhereyouare-webfont.eot');
    src: url('../font/fromwhereyouare-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fromwhereyouare-webfont.woff') format('woff'),
         url('../font/fromwhereyouare-webfont.ttf') format('truetype'),
         url('../font/fromwhereyouare-webfont.svg#from_where_you_areregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
table *{ box-sizing:content-box; }
html {  background:#004349 url(../img/background.png); }
body {
	font-family:"interstateRegular", sans-serif;
	color:#333;
	width:100%;
	min-width:980px;
	margin:0 auto;
	font-size:10px;
	/*background:url(../img/dibujos.png) repeat-x -260px 200px;
	background:url(../img/dibujos_1.png) no-repeat left, url(../img/dibujos_2.png) no-repeat right;*/
}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
b { /*font-family:"interstateRegular";*/ font-weight:normal; }
a {
	color:inherit;
	text-decoration: none;
	transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out;
	position: relative;
	outline:none;
	cursor:pointer;
}

a.info {
	color:inherit;
	text-decoration: none;
	transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out;
	position: relative;
	outline:none;
	cursor:pointer;
	text-transform:lowercase!important;
	float:right;
	margin-top: 4px;
}

a.info:hover { color:#f08109;}


input { font-family:inherit; border:none; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }

.f-right { float:right; }
.f-left { float:left; }
.zindex { position:relative; z-index: 1; }
.center { text-align:center; }
.hidden { display:none; }
.middle { display:table-cell; vertical-align:middle; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before,
.clearfix:after {
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
.clearfix:after { clear:both; }
.clearfix { zoom: 1; }

.left_sidebar, .right_sidebar { position:fixed; top:60%; width:13.5%; min-width:81px; z-index:-1; }
.left_sidebar { left:0; }
.right_sidebar { right:0; }
.left_sidebar img, .right_sidebar img { width:100%; } 


.left_sidebar2, .right_sidebar2 { position:fixed; top:90px; width:100%; min-width:81px; z-index:-2; background-color:#01a8ba; height:390px; }
.left_sidebar2 { left:0; }
.right_sidebar2 { right:0; }
.left_sidebar2 img, .right_sidebar2 img { width:100%; } 

.orange {color:#f57b20;}
.small p  { font-size:9px!important; font-family:Verdana, Geneva, sans-serif!important;}
.small span { font-size:10px!important; font-family:Verdana, Geneva, sans-serif;}
input:focus{
	outline:0px;
}

li { font-size:11px; font-family:"interstateLight",arial;}
/*===============================
	#header
=================================*/

#header { float:left; width:100%; background-color:#004349;   }
#header div.sidebar { float:left; width:13.5%; height:1px; }
#header div.header_content { float:left; position:relative; width:73%;   /*padding:10px 0*/; background-color:#335259; color:#FFF; padding-top:10px; padding-bottom:30px;  }
#header div.header_content > a { float:left; margin:0 5px 0 2%; }
#header h1 { font-size:2em; }
#header p { position:relative; left:20px; font-size:1.5em; }

#header img{ visibility:visible;}
.resizeIMG img { width:100%;}

/*===============================
	#nav
=================================*/

#nav { position:absolute; bottom:30px; right:0; height:35px; font-size:0.6em; }
#nav li, #nav2 li { float:left; position:relative; }
#nav li.n1 { height:35px; border-right:1px solid #4E7D87; padding:0 8px; line-height:1; background-color:#335259/*#0292C2*/; }
#nav li.n2 { height:35px; border-right:1px solid #4E7D87; line-height:1; background-color:#335259/*#B82D8A*/; }
#nav li.n3 { /*width:155px;*/ height:35px;border-right:1px solid #4E7D87; line-height:1; background-color:#335259/*#F2D937; color:#444*/; }
#nav li.n4 { /*width:155px;*/ height:35px;border-right:1px solid #4E7D87; line-height:1; background-color:#335259/*#919DA0*/; }
#nav li.n5 { /*width:155px;*/ height:35px; line-height:1; background-color:#335259/*#F6931D*/; }
#nav li.n6 { /*width:155px;*/ height:35px; line-height:1; background-color:#335259/*#009FAF*/; }

#nav li:hover{ background-color:#EB7F00;}

#nav li.n1.large, #nav li.n2.large, #nav li.n3.large, #nav li.n4.large, #nav li.n5.large, #nav li.n6.large { width:180px; height:50px; margin-top:-13px; line-height:1.2; }

#nav li.n1.large > a, #nav li.n2.large > a, #nav li.n3.large > a, #nav li.n4.large > a, #nav li.n5.large > a, #nav li.n6.large > a { font-size:1.25em; }

#nav li.n1 > a, #nav li.n2 > a, #nav li.n3 > a, #nav li.n4 > a, #nav li.n5 > a, #nav li.n6 > a { display:block; height:25px; padding:10px; text-align:center; }
#nav li a b { color:#FFF;}
/*#nav li.n1:hover, #nav li.n2:hover { background-color:#666; }
#nav li.n1.active { background-color:#F6931D; }
#nav li.n2.active { background-color:#009FAF; }*/
/*#nav li.n1.active:hover { background-color:#FF6C2D; }
#nav li.n2.active:hover { background-color:#008A99; }*/

#nav li.n1 b, #nav li.n2 b, #nav li.n3 b, #nav li.n4 b, #nav li.n5 b, #nav li.n6 b { font-size:13px; }
#nav li span { position:absolute; left:10px; top:100%; width:13px; height:11px; background:url(../img/detalle.png) no-repeat; z-index:2; display:none; }

#nav li.n1 span, #nav li.n2 span, #nav li.n3 span, #nav li.n4 span, #nav li.n5 span, #nav li.n6 span { background-position:-88px 0; }


/*#nav li.n1 span { background-position:-38px 0; }
#nav li.n2 span { background-position:-50px 0; }
#nav li.n3 span { background-position:-62px 0; }
#nav li.n4 span { background-position:-74px 0; }
#nav li.n5 span { background-position:-13px 0; }
#nav li.n6 span { background-position:-25px 0; }
#nav li:hover span { background-position:0 -11px; }
#nav li.n1.active:hover span { background-position:-13px -11px; }
#nav li.n2.active:hover span { background-position:-26px -11px; }*/

#nav2 { position:absolute; bottom:0; left:100%; width:100px; height:35px; font-size:0.8125em; }
#nav2 li.n3 { width:35px; height:35px; background:#000 url(../img/buscar.png) no-repeat center; }
#nav2 li.n4 { padding-left:10px; line-height:35px; }

#nav ul { display:none; position:absolute; top:100%; left:0; width:100%; font-size:1.25em; z-index:2; }
#nav ul li { float:none; height:auto; line-height:1.2; }
#nav ul li a { display:block; height:auto; padding:5px; font-size:13px;}

#nav li.n1 li,#nav li.n2 li, #nav li.n3 li, #nav li.n3 li, #nav li.n4 li, #nav li.n5 li, #nav li.n6 li    { border-top:solid 1px #FFF;  }

/*#nav li.n1 li  { border-top:solid 1px #FFF;  }
#nav li.n2 li  { border-top:solid 1px #FFF; }
#nav li.n3 li  { border-top:solid 1px #FFF; }
#nav li.n4 li  { border-top:solid 1px #FFF; }
#nav li.n5 li  { border-top:solid 1px #FFF; }
#nav li.n6 li  { border-top:solid 1px #FFF; }*/

#nav li.n1 li a,#nav li.n2 li a, #nav li.n3 li a, #nav li.n4 li a, #nav li.n5 li a , #nav li.n6 li a  { background-color:#EB7F00; }

/*#nav li.n1 li a { background-color:#0292C2; }
#nav li.n2 li a { background-color:#B82D8A; }
#nav li.n3 li a { background-color:#F2D937; }
#nav li.n4 li a { background-color:#919DA0; }
#nav li.n5 li a { background-color:#F6931D; }
#nav li.n6 li a { background-color:#009FAF; }*/

#nav li.n1 li a:hover, #nav li.n2 li a:hover,#nav li.n3 li a:hover, #nav li.n4 li a:hover, #nav li.n5 li a:hover,#nav li.n6 li a:hover { background-color:#E84500; }

/*#nav li.n1 li a:hover { background-color:#0282AC; }
#nav li.n2 li a:hover { background-color:#972472; }
#nav li.n3 li a:hover { background-color:#DCC20E; }
#nav li.n4 li a:hover { background-color:#707D81; }
#nav li.n5 li a:hover { background-color:#FF6600;}
#nav li.n6 li a:hover { background-color:#008AAF;}*/


/* menu */
#menu { display:block; position:fixed; top:0; left:0; width:100%; min-width:600px; height:35px; background-color:#333; color:#FFF; z-index:2; }
#menu div.sidebar { float:right; width:13.5%; height:1px; }
#menu div.sidebar:first-child { float:left; }
#menu div.sidebar img { margin-top:180px; }
#menu ul { float:left; width:100%; }
#menu > ul > li { float:left; position:relative; height:35px; padding:0 10px; line-height:35px; }
#menu > ul > li:first-child { width:13.5%; padding:0; text-align:center; }
#menu li.last { float:right;width:13.5%; padding:0; }
#menu li.active { background-color:#AC1F8D; }

#menu li.n1 { float:right; /*width:155px;*/ height:35px; padding:0; font-size:1em; line-height:1; background-color:#0292C2; }
#menu li.n2 { float:right; /*width:155px;*/ height:35px; padding:0; font-size:1em; line-height:1; background-color:#B82D8A; }
#menu li.n3 { float:right; /*width:155px;*/ height:35px; padding:0; font-size:1em; line-height:1; background-color:#F2D937; color:#444; }
#menu li.n4 { float:right; /*width:155px;*/ height:35px; padding:0; font-size:1em; line-height:1; background-color:#919DA0; }
#menu li.n5 { float:right; /*width:155px;*/ height:35px; padding:0; font-size:1em; line-height:1; background-color:#F6931D; }
#menu li.n6 { float:right; /*width:155px;*/ height:35px; padding:0; font-size:1em; line-height:1; background-color:#009FAF; }

#menu li.n1 > a, #menu li.n2 > a, #menu li.n3 > a, #menu li.n4 > a, #menu li.n5 > a, #menu li.n6 > a { display:block; height:25px; padding:10px; }
/*#menu li.n1:hover, #menu li.n2:hover { background-color:#666; }

#menu li.n1.active { background-color:#F6931D; }
#menu li.n2.active { background-color:#009FAF; }*/

/*#menu li.n1.active:hover { background-color:#FF6C2D; }
#menu li.n2.active:hover { background-color:#008A99; }*/
#menu li.n1 b, #menu li.n2 b, #menu li.n3 b, #menu li.n4 b, #menu li.n5 b, #menu li.n6 b { font-size:1.4em; }
#menu li span { position:absolute; left:10px; top:100%; width:13px; height:11px; background:url(../img/detalle.png) no-repeat; z-index:2; }

#menu li.n1 span { background-position:-38px 0; }
#menu li.n2 span { background-position:-50px 0; }
#menu li.n3 span { background-position:-62px 0; }
#menu li.n4 span { background-position:-74px 0; }
#menu li.n5 span { background-position:-13px 0; }
#menu li.n6 span { background-position:-25px 0; }
/*#menu li:hover span { background-position:0 -11px; }
#menu li.n1.active:hover span { background-position:-13px -11px; }
#menu li.n2.active:hover span { background-position:-26px -11px; }*/

#menu ul ul { display:none; position:absolute; top:100%; left:0; font-size:1.25em; z-index:2; }
#menu ul ul li { float:none; height:auto; background-color:#335259; border-top:solid 1px #FFF; line-height:1.2; }
#menu ul ul li a { display:block; height:auto; padding:5px; font-family:"interstateRegular"; }


#menu li.n1 li a { background-color:#0292C2; }
#menu li.n2 li a { background-color:#B82D8A; }
#menu li.n3 li a { background-color:#F2D937; }
#menu li.n4 li a { background-color:#919DA0; }
#menu li.n5 li a { background-color:#F6931D; }
#menu li.n6 li a { background-color:#009FAF; }

#menu li.n1 li a:hover { background-color:#0282AC; }
#menu li.n2 li a:hover { background-color:#972472; }
#menu li.n3 li a:hover { background-color:#DCC20E; }
#menu li.n4 li a:hover { background-color:#707D81; }
#menu li.n5 li a:hover { background-color:#FF6600; }
#menu li.n6 li a:hover { background-color:#008AAF; }
.pubMessage {  line-height:180%; background-color:#004057; padding:20px 10px; color:#fff; vertical-align:middle;}
.pubMessage .big { font-size:28px;}
.pubMessage .small { font-size:18px;}
.pubMessage .small2 { display:block; font-size:13px; line-height: 140%;}
/*===============================
	#content
=================================*/

#content { float:left; position:relative; width:100%; }
#w_slider { display:block; width:100%; }
#slider { float:left; position:relative; width:100%; overflow:hidden; }
#slider div.items { float:left; position:relative; width:1000%; }
#slider div.slide { float:left; position:relative; width:10%; }
#slider div.slide img { float:left; width:100%;  }
#content div.caption { float:left; width:96%; padding:0 2%; color:#FFF; }

#content h1 { font-family:"interstateRegular"; font-size:19px; margin:0 0 13px;  line-height: 0px; letter-spacing:-1px;}
#content h2 {font-family: 'interstateRegular',arial;
    font-size: 13px;
    line-height: 13px; }
#content h1.quienes{ color:#00A8A9; }
#content h2.quienes {color: #949090;
    margin-bottom: 20px;
     }
#content h1.quienes2{ color:#335259; }

#content ul.quien {
	list-style: none;
	margin-left: 0px;
	margin-top: 10px;
	}
#content ul.quien li {
/*	background: url("../img/list.jpg") no-repeat scroll 0 0 transparent;
	padding-left: 26px;*/
	padding-bottom: 0;
	margin-bottom: 20px;	
	}
	
#content p.quienes { color:#00A8A9; font-family:"interstateRegular"; font-size:13px;}

#content h1.equipo{ color:#B82D8A;}
#content h1.coworking{ color:#DCC20E;}
#content h1.plan{ color:#919DA0;}
#content h1.actividades{ color:#F6931D;}
#content h1.servicios{ color:#009FAF;}

#content div.caption div.sidebar { position:absolute; top:0; width:10%; height:100%; }
#content div.sidebar.left { left:0; }
#content div.sidebar.right { right:0; }

#content div.caption.n1 { position:relative; background-color:#009FAF; }
#content div.caption.n2 { position:relative; background-color:#F6931D; }
#content div.caption.n3 { position:relative; background-color:#AC1F8D; }
#content div.caption.n1 div.sidebar { width:13.5%; background-color:#008C5B; }
#content div.caption.n2 div.sidebar { width:13.5%; background-color:#6F841F; }
#content div.caption.n3 div.sidebar { width:13.5%; background-color:#6F1F8E; }

#slider div.slide.n1 { background-color:#009FAF; }
#slider div.slide.n2 { background-color:#F6931D; }
#slider div.slide.n3 { background-color:#AC1F8D; }
#slider div.slide.n1 div.sidebar { background-color:#008C5B; }
#slider div.slide.n2 div.sidebar { background-color:#6F841F; }
#slider div.slide.n3 div.sidebar { background-color:#6F1F8E; }

#content ul.navi { position:absolute; bottom:10px; right:10px; z-index:1; list-style:none; }
#slider ul.navi { right:12.5%; }
#content ul.navi li {
	float:left;
	width:12px;
	height:12px;
	margin-left:5px;
	background-color:#DFE5E5;
    border-radius:50%;
	behavior:url(path/PIE.htc);
	cursor:pointer;
}
#content ul.navi li.active { background-color:#335259; }
#content a.feedback { position:fixed; top:220px!important; right:0; z-index:50; }

#info a:hover{ color:#F79324;}
#info a:hover  h3,#info a:hover  strong{ color:#666!important;}
/* social */
#content ul.social_links { position:absolute; top:0; right:86.5%; z-index:1; }
#content ul.social_links li a {
	display:block;
	width:28px;
	height:28px;
	margin:5px 5px 0 0;
	background:url(../img/social_icons.png) no-repeat 0 -32px;
	-moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;
}
#content ul.social_links li.n2 a { background-position:-28px -32px; }
#content ul.social_links li.n3 a { background-position:-56px -32px; }
#content ul.social_links li.n4 a { background-position:-84px -32px; }
#content ul.social_links li.n5 a { background-position:-112px -32px; }
#content ul.social_links li.n6 a { background-position:-140px -32px; }

#content ul.social_links li.n1 a:hover { background-position:0 0; }
#content ul.social_links li.n2 a:hover { background-position:-28px 0; }
#content ul.social_links li.n3 a:hover { background-position:-56px 0; }
#content ul.social_links li.n4 a:hover { background-position:-84px 0; }
#content ul.social_links li.n5 a:hover { background-position:-112px 0; }
#content ul.social_links li.n6 a:hover { background-position:-140px 0; }

/* main */
#content > div.sidebar { float:left; width:13.5%; height:1px; }
#content > div.sidebar img { width:100%; margin-top:50%; }
#main { float:left; position:relative; width:73%; background-color:#FFF; }
#main.home { background-color:#234249; color:#FFF; }
#main.home div.panes { background-color:#234249; }
#main.home h1 { font-size:2.4em; line-height:1.3; margin:0; }
/*#main a.feedback { top:145px; right:100%; }*/
#main div.filler { float:left; width:100%; height:35px; background:#335259 url(../img/background.png); }
#main div.main_content { float:left; width:95%; padding:3%; background-color:#FFF; }
#main p { font-family:"interstateLight",arial; margin-top:3px; color:#777; font-size: 11px; line-height: 13px;}
#main p.espacios { margin-top:10px; font-size:1.3em; color:#777; line-height:1.5; padding-right:0%;  }
#main p.bajada { font-size:1.0625em; line-height:1.2; }
#main h3 { margin-top:10px; font-size:11px; }
#main p:first-child, #main h3:first-child { margin-top:0; }

#main div.scrollable, #main div.scrollable_disabled { position:relative; width:100%; overflow:hidden; }
#main div.items { position:relative; width:1000%; }
#main div.items > div { float:left; width:10%; }
#main div.items > div > img { width:100%; }

/* nosotros */
#main table.grafico td { vertical-align:middle; }
#main table.grafico td:first-child { /* width:50%;*/ }
#main table.grafico img { max-width:100%; }
#main table.grafico p { padding:0; }

/* sala prensa */
#main div.nota_prensa { float:left; width:23.5%; margin-left:2%; }
#main div.nota_prensa > a > img,
#main div.nota_prensa:hover > a > img:first-child { display:none; width:98%; padding:5px; border:solid 1px #ccc; }
#main div.nota_prensa:hover > a > img,
#main div.nota_prensa > a > img:first-child { display:block; }

#main div.nota_prensa.alpha { margin-left:0; }
#main div.nota_prensa h3 { color:#FE7A18;font-size:13px; font-family:"interstateRegular", sans-serif; }

/* donde estamos */
#map_canvas { height:400px; }
#map_canvas {} 

/* socias */

.socias .linke { position:relative; float:right; left:-30px; top:-30px;}
/* equipo */
#main div.mentor { float:left; width:23.5%; margin-left:2%;  }
#main div.mentor > img,
#main div.mentor.active > img:first-child,
#main div.mentor:hover > img:first-child { display:none; width:98%; padding:5px; border:solid 1px #ccc; }
#main div.mentor:hover > img,
#main div.mentor.active > img,
#main div.mentor > img:first-child { display:block; }

#main div.mentor.alpha { margin-left:0; }
#main div.mentor h3 { color:#FE7A18; font-size:13px; font-family:"interstateRegular", sans-serif;}

#main div.ink {float:right; margin-top:-27px; margin-right:-2px}

#main div.mentor_detail { display:none; position:relative; padding:20px; background-color:#DDE5E7; }
#main div.mentor_detail a.close { position:absolute; top:10px; right:-10px; }
#main div.mentor_detail h3 { color:#FE7A18;  font-size:13px; font-family:"interstateRegular", sans-serif; }

/* miembros */
#main div.scrollable_wrapper { position:relative; padding:0 40px; }
a.prev_alt, a.next_alt { display:block; position:absolute; top:50%; left:0; }
a.next_alt { left:auto; right:0; }

#main div.subitem { float:left; position:relative; width:12.5%; margin-left:2%; cursor:pointer; }
#main div.subitem:first-child { margin-left:0; }
#main div.subitem img,
#main div.subitem.current img:first-child { display:none; width:100%; padding:5px; border:1px solid #ccc; }
#main div.subitem.current img,
#main div.subitem img:first-child { display:block; }
#main div.detail { display:none; }
#main div.detail p { padding:0; }
#main div.detail > img { border: 1px solid #CCCCCC;
    float: left;
	margin:0 20px 20px 15px;
    padding: 5px;
    width: 25%; }
#main div.detail h3 { color:#FE7A18; font-size:13px; font-family:"interstateRegular", sans-serif; }
#main ul.personal_links { float:right; margin-top:-10px; }
#main ul.personal_links li { float:left; }
#main ul.personal_links li a {
	display:block;
	width:20px;
	height:20px;
	margin:5px 5px 0 0;
	background:url(../img/personal_icons.png) no-repeat 0 -23px;
	-moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;
}
#main ul.personal_links li.n2 a { background-position:-21px -23px; }
#main ul.personal_links li.n3 a { background-position:-41px -23px; }
#main ul.personal_links li.n4 a { background-position:-82px -23px; }
#main ul.personal_links li.n5 a { background-position:-103px -23px; }

#main ul.personal_links li.n1 a:hover { background-position:0 0; }
#main ul.personal_links li.n2 a:hover { background-position:-21px 0; }
#main ul.personal_links li.n3 a:hover { background-position:-41px 0; }
#main ul.personal_links li.n4 a:hover { background-position:-82px 0; }
#main ul.personal_links li.n5 a:hover { background-position:-103px 0; }

#main div.pages a,
#main div.pages strong { display:inline-block; min-width:20px; height:20px; background-color:#CCC; font-size:13px; line-height:20px; text-align:center; }
#main div.pages a:hover,
#main div.pages strong { background-color:#335259; color:#FFF; }

/* alianzas */
#main div.brand { position:relative; float:left; width:25%; height:0; padding:12.5% 0; background-color:#CCC; outline:solid 1px #FFF; text-align:center; }
#main div.brand:hover { background-color:#FFF; }
#main div.brand img:first-child, #main div.brand:hover img { display:inline; }
#main div.brand img, #main div.brand:hover img:first-child { display:none; }
#main div.brand img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:80%; }
#main div.brand_text { float:right; width:75%; }
#main div.brand_text > div { padding:10px; }
#main div.brand_text p { padding:0; }

/* espacios de trabajo */
#main div.accordeon { display:none; }
#main h2.espacios { color:#EB7F00; font-size:16px; }
#main div.space { position:relative; }
#main div.space img:first-child { display: block; width: 66%; border: 1px solid #ccc; padding: 7px; }
#main img.thumb1, #main img.thumb2 {position: absolute; top: 0; right: 0; height: 41%; padding: 7px; border: 1px solid #ccc; }
#main img.thumb2 { top:50%; }

/* salas */
#main h2.salas { color:#004349; font-size:16px; }
#main h2.salas span { color:#EB7F00; }
#main div.room { position:relative; }
#main div.room img { width:100%; }
#main div.room_info { position:absolute; top:0; right:0; height:100%; background:url(../img/bg_info.png); color:#FFF; }
#main div.room_info.alt { background:url(../img/bg_info_alt.png); }
#main div.room_info > div { display:table; height:100%; padding:0 10px; }
#main div.room_info ul { display:table-cell; vertical-align:middle; list-style:disc outside none; padding-left:16px; }
#main div.room_info li { margin-top:10px; font-size:13px; }

#main table.room_rates { width:100%; color:#EB7F00; }
#main table.room_rates td,
#main table.room_rates th { padding:5px 0; text-align:center; }

/* tabs */
#main ul.tabs { float:right; width:25%; margin-top:33%; }
#main ul.tabs li { display:block; margin-top:10px; }
/*#main ul.tabs li { display:block; cursor:pointer; text-align:right; position:relative; z-index:100; }*/
#main ul.tabs a {	

	font-size:16px;
	display:block;
	height:75px;
	margin-right:10px;
	padding:0 50px 0 10px;
	border:solid 2px #FFF;
	font-family:"interstateRegular", sans-serif;
	color:#616161;
	line-height:75px;
	border-radius:2px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	-moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;
}
#main ul.tabs a.br { height:60px; padding-top:16px; line-height:1.5; }

#main ul.tabs.quienes a { background:#E5E5E5 url(../img/bot_quienes.png) no-repeat; }
#main ul.tabs.quienes a:hover, #main ul.tabs.quienes a.current { background-color:#F47B20; color:#FFF; }
#main ul.tabs.quienes li.q1 a { background-position:right 13px; }
#main ul.tabs.quienes li.q2 a { background-position:right -62px; }
#main ul.tabs.quienes li.q3 a { background-position:right -135px; }
#main ul.tabs.quienes li.q4 a { background-position:right -210px; }
#main ul.tabs.quienes li.q5 a { background-position:right -287px; }
#main ul.tabs.quienes li.q1 a:hover, #main ul.tabs.quienes li.q1 a.current { background-position:right -362px; }
#main ul.tabs.quienes li.q2 a:hover, #main ul.tabs.quienes li.q2 a.current { background-position:right -437px; }
#main ul.tabs.quienes li.q3 a:hover, #main ul.tabs.quienes li.q3 a.current { background-position:right -510px; }
#main ul.tabs.quienes li.q4 a:hover, #main ul.tabs.quienes li.q4 a.current { background-position:right -585px; }
#main ul.tabs.quienes li.q5 a:hover, #main ul.tabs.quienes li.q5 a.current { background-position:right -660px; }

#main ul.tabs.quienes li.foto a {
	display:inline; 
	background:none !important; 
	border:none !important; 
	line-height:0; 
	border-radius:0; 
	padding:0; 
	margin-left:-8px; 
	box-shadow:none;
	}

#main ul.tabs.comunidad a { background:#E5E5E5 url(../img/bot_comunidad.png) no-repeat; }
#main ul.tabs.comunidad a:hover, #main ul.tabs.comunidad a.current { background-color:#0097B6; color:#FFF; }
#main ul.tabs.comunidad li.q1 a { background-position:right 13px; }
#main ul.tabs.comunidad li.q2 a { background-position:right -62px; }
#main ul.tabs.comunidad li.q3 a { background-position:right -135px; }
#main ul.tabs.comunidad li.q4 a { background-position:right -210px; }
#main ul.tabs.comunidad li.q1 a:hover, #main ul.tabs.comunidad li.q1 a.current { background-position:right -285px; }
#main ul.tabs.comunidad li.q2 a:hover, #main ul.tabs.comunidad li.q2 a.current { background-position:right -360px; }
#main ul.tabs.comunidad li.q3 a:hover, #main ul.tabs.comunidad li.q3 a.current { background-position:right -435px; }
#main ul.tabs.comunidad li.q4 a:hover, #main ul.tabs.comunidad li.q4 a.current { background-position:right -510px; }

#main ul.tabs.comunidad li.foto a {
	display:inline; 
	background:none !important; 
	border:none !important; 
	line-height:0; 
	border-radius:0; 
	padding:0; 
	margin-left:-2px; 
	box-shadow:none;
	}

#main ul.tabs.espacios a { background:#E5E5E5 url(../img/bot_comunidad.png) no-repeat; }
#main ul.tabs.espacios a:hover, #main ul.tabs.espacios a.current { background-color:#E19F00; color:#FFF; }
#main ul.tabs.espacios li.q1 a { background-position:right 13px; }
#main ul.tabs.espacios li.q2 a { background-position:right -62px; }
#main ul.tabs.espacios li.q3 a { background-position:right -135px; }
#main ul.tabs.espacios li.q4 a { background-position:right -210px; }
#main ul.tabs.espacios li.q1 a:hover, #main ul.tabs.espacios li.q1 a.current { background-position:right -285px; }
#main ul.tabs.espacios li.q2 a:hover, #main ul.tabs.espacios li.q2 a.current { background-position:right -360px; }
#main ul.tabs.espacios li.q3 a:hover, #main ul.tabs.espacios li.q3 a.current { background-position:right -435px; }
#main ul.tabs.espacios li.q4 a:hover, #main ul.tabs.espacios li.q4 a.current { background-position:right -510px; }

#main ul.tabs.espacios li.foto a {
	display:inline; 
	background:none !important; 
	border:none !important; 
	line-height:0; 
	border-radius:0; 
	padding:0; 
	margin-left:-8px; 
	box-shadow:none;
	}

#main ul.tabs.cursos a { background:#E5E5E5 url(../img/bot_cursos.png) no-repeat; }
#main ul.tabs.cursos a:hover, #main ul.tabs.cursos a.current { background-color:#b92c92; color:#FFF; }
#main ul.tabs.cursos li.q1 a { background-position:right 13px; }
#main ul.tabs.cursos li.q2 a { background-position:right -62px; }
#main ul.tabs.cursos li.q3 a { background-position:right -135px; }
#main ul.tabs.cursos li.q4 a { background-position:right -210px; }
#main ul.tabs.cursos li.q1 a:hover, #main ul.tabs.cursos li.q1 a.current { background-position:right -285px; }
#main ul.tabs.cursos li.q2 a:hover, #main ul.tabs.cursos li.q2 a.current { background-position:right -360px; }
#main ul.tabs.cursos li.q3 a:hover, #main ul.tabs.cursos li.q3 a.current { background-position:right -435px; }
#main ul.tabs.cursos li.q4 a:hover, #main ul.tabs.cursos li.q4 a.current { background-position:right -510px; }

#main ul.tabs.cursos li.foto a {
	display:inline; 
	background:none !important; 
	border:none !important; 
	line-height:0; 
	border-radius:0; 
	padding:0; 
	margin-left:-8px; 
	box-shadow:none;
	}

#main ul.tabs.servicios a { background:#E5E5E5 url(../img/bot_comunidad.png) no-repeat; }
#main ul.tabs.servicios a:hover, #main ul.tabs.servicios a.current { background-color:#42515a; color:#FFF; }
#main ul.tabs.servicios li.q1 a { background-position:right 13px; }
#main ul.tabs.servicios li.q2 a { background-position:right -62px; }
#main ul.tabs.servicios li.q3 a { background-position:right -135px; }
#main ul.tabs.servicios li.q4 a { background-position:right -210px; }
#main ul.tabs.servicios li.q1 a:hover, #main ul.tabs.servicios li.q1 a.current { background-position:right -285px; }
#main ul.tabs.servicios li.q2 a:hover, #main ul.tabs.servicios li.q2 a.current { background-position:right -360px; }
#main ul.tabs.servicios li.q3 a:hover, #main ul.tabs.servicios li.q3 a.current { background-position:right -435px; }
#main ul.tabs.servicios li.q4 a:hover, #main ul.tabs.servicios li.q4 a.current { background-position:right -510px; }

#main ul.tabs.servicios li.foto a {
	display:inline; 
	background:none !important; 
	border:none !important; 
	line-height:0; 
	border-radius:0; 
	padding:0; 
	margin-left:-8px; 
	box-shadow:none;
	}

/*tablas tarifas*/
table.tarifas thead tr th { font-size:18px; text-align:center; border-bottom:solid 1px white; color:white;  background:#01A9B6; padding:5px; height:25px; vertical-align:middle; }
table.tarifas thead tr th:first-child { background:none;}
 
table.tarifas tbody tr td:first-child { font-size:11px; background:#155159; color:#fff;  text-align:left}
table.tarifas tbody tr td { font-family:"interstateLight",arial; padding:10px 10px; border-bottom:1px solid #FFFFFF; background-color:#f1f1f1; text-align:center; height:25px; vertical-align:middle;}

/* panes */
div.panes { float:left; width:75%; background-color:#FFF; }
div.panes > div { float:left; width:130%; padding:1.5%; }
div.panes > div > img { width:100%; margin-top:10px; }

div.textos { float:left; width:73.5%; margin-top:20px; background-color:#FFF; }
div.textos p { /* padding-right:20%;*/ }

div.espacios2 {  width:100%; color:#FFFFFF;}
div.espacios2 .wrapper { background-color: #004147; margin:2% 3% 5%; padding: 11% 10% 15%;}
ul.dentro li {
	margin-top:20px;
	background: url("../img/list2.jpg") no-repeat scroll 0 0 transparent;
	padding-left: 50px;
	padding-bottom: 0;
	margin-bottom: -10px;	
}

/*===============================
	tabla cursos y eventos
=================================*/

.tabla {
 width: 100%;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 background-color:#fff;
 font-size:13px;
 }
.tabla p {
 clear:both;
 width: 100%;
 margin: 0;
}

.tabla h2.tit1 {
	float:left;
	color:#00a8ba;
	font-size:12px;
}

.tabla h2.tit1 strong { color:white;}

.tabla h2.tit2 {
	float:right;
	color:#f57b20;
	font-size:12px;
}

.tabla a.bot1 {
	float:right;
	background-image:url(../photos/botcursos.jpg);
	width:156px;
	height:31px;
}
.tabla a:hover.bot1 {
	background-position: 0 -31px;
}

.tabla hr.cursos {
border:1px; border-color:#CCCCCC; border-style:solid;
}


.tabla .titulo {
 padding:2%;
 background-color: #004349;
 float:left;
 width:96%;
 border-right: 1px solid #ccc;
font-family:"interstateRegular";
 font-size:13px;
 color: #fff;
}
 
 .tabla .titulo2 {
 padding: 2%;
 background-color: #00a8ba;
 float:left;
 width:96%;
 border-right: 1px solid #ccc;
font-family:"interstateRegular";
 font-size:13px;
 color: #fff;
 }

 .tabla .titulo3 {
 padding: 2%;
 background-color: #eb7f00;
 float:left;
 width:96%;
 border-right: 1px solid #ccc;
font-family:"interstateRegular";
 font-size:13px;
 color: #fff;
 }
 
 
 .tabla .titulo4 {
 padding: 2%;
 background-color: #fe7a18;
 float:left;
 width:96%;
 border-right: 1px solid #ccc;
font-family:"interstateRegular";
 font-size:13px;
 color: #fff;
 }


.tabla .columna {
 padding:2%;
 float:left;
 width:96%;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 color:#777;
}

.tabla .columna ul {
	line-height:18px;
	list-style-type:circle;
	padding-left:20px;
	margin-top:7px;
}

.tabla .columna ol {
	line-height:18px;
	list-style-type:decimal;
	padding-left:20px;
	margin-top:7px;
}

.tabla .columna a {
	color:#EB7F00;
}

/* markup */
#main .markup-body p { clear:none; width:auto; }
#main .markup-body hr { display:block; border:none; border-top:1px solid #999; margin:10px 0; }
#main .markup-body blockquote { margin-left:20px; border-left:5px solid #999; padding-left:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#main .markup-body blockquote p,
#main .markup-body blockquote a { font-family:Georgia, "Times New Roman", Times, serif; }
#main .markup-body span.marker { color:#000; background-color:yellow; }

a.dir { float:right; font-weight:bold; color:#EB7F00; text-decoration:underline; }

#inscripcion h4 { font-family:"interstateRegular"; color:#00A8BA; font-size:1.5em; margin:13px 0;  line-height: 25px;}
#inscripcion div.form_col { float:left; width:49%; }
#inscripcion div.form_col.first { margin-right:2%; }
#inscripcion p { margin-top:10px; padding:0; width:auto; }
#inscripcion p:first-child { margin-top:10px; }
#inscripcion label { font-family:"interstateRegular", sans-serif; color:#666; }
#inscripcion label:before { content:"* "; color:#911; }
#inscripcion input { width:95%; border:solid 1px #999; padding:2px 2%; color:#333; font-family:"interstateRegular", sans-serif; font-size:13px; }
#inscripcion input[type=submit] { border-color:#005568; background-color:#005568; color:#FFF; cursor:pointer; }
 
/*===============================
	section
=================================*/

#section { float:left; width:100%; overflow:hidden; }
#section div.sidebar { float:left; width:13.5%; height:1px; }

#box_wrapper { float:left; width:73%; }

#box_wrapper div.menu {
	float:left;
	width:100%;
	color:#444;
}
#box_wrapper div.menu.n1 { background-color:#F9F9F9; }
#box_wrapper div.menu.n2 { background-color:#F0F0F0; }
#box_wrapper div.menu.n3 { background-color:#E9E9E9;  }
#box_wrapper div.menu.n1:hover { background-color:#0292C2; color:#FFF; }
#box_wrapper div.menu.n2:hover { background-color:#AC1F8D; color:#FFF; }
#box_wrapper div.menu.n3:hover { background-color:#F2D937; color:#333; }
#box_wrapper div.menu > a { float:left; -moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none; padding:10px 0 10px 2%; }
#box_wrapper div.menu ul { display:none; float:right; width:66.1%; }
#box_wrapper div.menu.n1 ul { background-color:#0292C2; }
#box_wrapper div.menu.n2 ul { background-color:#AC1F8D; }
#box_wrapper div.menu.n3 ul { background-color:#F2D937; }
#box_wrapper div.menu:hover ul { display:block; }
#box_wrapper div.menu li { float:left; padding:10px 13px; }
#box_wrapper div.menu.n1 li:hover { background-color:#0282AC; }
#box_wrapper div.menu.n2 li:hover { background-color:#972472; }
#box_wrapper div.menu.n3 li:hover { background-color:#DCC20E; }
#box_wrapper div.menu li:first-child { margin:0; border:0; }

#box_wrapper a.n1,
#box_wrapper a.n2,
#box_wrapper a.n3 {
	float:left;
	position:relative;
	width:29%;
	padding:10px 2% 20px 2%;
	color:#444;
	transition:background-color 0.3s ease-out; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out;
}
#box_wrapper a.n1 { width:30%; background-color:#AAA; }
#box_wrapper a.n1:hover { background-color:#F58325; color:#FFF; }
#box_wrapper a.n2 { background-color:#CCC; }
#box_wrapper a.n2:hover { background-color:#009FAF; color:#FFF; }
#box_wrapper a.n3 { background-color:#EEE; }
#box_wrapper a.n3:hover { background-color:#F2D937; }

#info { float:left; width:100%; }
#info p { font-size:11px; line-height:13px; }
#info h3 { font-family:"interstateRegular", sans-serif; font-size:13px; margin-bottom:5px; color:#000; line-height:13px; letter-spacing:-0.5px;}
#info h4 { font-family:"interstateRegular", sans-serif; font-size:19px; margin-bottom:5px; line-height:13px; }
#info table tr th,#info table tr td { font-family: 'interstateLight',arial; font-size:13px;}
#info td.n4,
#info td.n5,
#info td.n6 { vertical-align:top; }
#info td  .wrapper { padding:4.5%; float:left; }

#info td.n4 { padding:0;}
#info td.n4 { width:33%; background-color:#fff; border-color:#777; vertical-align: middle; }
#info td.n4 img { float:left; margin:0 10px 10px 0; }
#info td.n4 form { float:left; }
#info td.n4 input { float:left; padding:5px; height:20px; }
#info td.n4 input[type=submit] { border:background-color:#0292C2; color:#FFF; cursor:pointer; }
#info td.n5 { width:34%; background-color:#C0C9C9; }
#info td.n6 { width:33%; background-color:#DFE5E5; }
#info td.n6 img { float:right; }

#box_wrapper .flecha { display:none; position:absolute; top:-20px; left:50%; width:64px; height:50px; background:url(../img/flechas.png) no-repeat 0 -50px; z-index:2; }
#box_wrapper a.n2 .flecha { background-position:0 -150px; }
#box_wrapper a.n3 .flecha { background-position:0 0; }
#box_wrapper a.n1:hover .flecha,
#box_wrapper a.n2:hover .flecha,
#box_wrapper a.n3:hover .flecha { display:block; }

/*===============================
	#footer
=================================*/

#footer { float:left; width:96%; font-size:1.125em; background-color:#335259; color:#FFF; padding:10px 2%; }
#footer_top { float:left; width:100%; padding:20px 0 20px; font-size:1.125em; background-color:#234249; color:#FFF; }
#footer_top h3 { font-size:1.25em; font-family:"interstateRegular", sans-serif; }
#footer_top  p { line-height:13px; }
#footer_top label { float:left; font-size:13px; font-family:"interstateRegular", sans-serif; margin-bottom:5px; color:#FFF; }
#footer_top div.footer_col { float:left; width:30%; padding:0 2%; }
#footer_top div.footer_col.mid { width:28%; }
#footer_top input { float:left; height:25px; border:solid 1px #999; padding:2px 2%; color:#333; font-family:"interstateRegular", sans-serif; font-size:13px; }
#footer_top input[type=text] { width:70%; }
#footer_top input[type=submit] { width:20%; border-color:#005568; background-color:#005568; color:#FFF; cursor:pointer; }

/*===============================
	lightboxes
=================================*/

/* manifiesto */
#lbox1 { display:none; height:90%; }
#lbox1 img { display:block; height:100%; }

/* feedback */
#lbox_feedback { display:none; width:361px; height:307px; padding:160px 40px 40px 40px; background:url(../img/fdb_form.png); }
#lbox_feedback p { margin-top:10px; }
#lbox_feedback p:first-child { margin-top:0; }
#lbox_feedback label { font-size:13px; font-family:"interstateRegular", sans-serif; color:#666; }
#lbox_feedback label:before { content:"* "; color:#911; }
#lbox_feedback input { float:right; width:226px; height:25px; border:solid 1px #999; padding:2px; color:#333; font-family:"interstateRegular", sans-serif; font-size:13px; }
#lbox_feedback input[type=submit] { border-color:#005568; background-color:#005568; color:#FFF; cursor:pointer; }
#lbox_feedback textarea {
	float:right;
	width:226px;
	height:80px;
	padding:2px;
	border:solid 1px #999;
	margin-left:10px;
	font-size:13px;
	font-family:"interstateRegular", sans-serif;
}
#refresh-captcha { float:right; margin-top:10px; cursor:pointer; }
#error-captcha { display:none; float:left; color:red; }

/* galeria */
#lbox_galeria { display:none; height:90%; padding:10px; background:#FFF; }
#lbox_galeria img { display:block; height:100%; }

/* cerrar */
#lbox_feedback a.close, #lbox1 a.close,
#lbox_galeria a.close { display:block; position:absolute; top:-12px; right:-12px; width:36px; height:36px; background:url(../img/close.png); }

/*===============================
	media queries
=================================*/

@media screen and (max-width:1260px){
	div.textos { width:72%;}
	#nav { width:100%; bottom:0px; left:0;	}
	#header div.header_content { padding-bottom:50px; }
	#menu { height:auto; }
	#menu li.last { width:auto; }
	.middle p { margin-top:2%;}
	#main table.grafico td { display:block; }
	#main table.grafico td:first-child { float:left; margin-right:10px; }
}

@media screen and (min-width:1261px)and (max-width:1399px){
	#nav {  bottom:35px; right:0;	}
	#header div.header_content { padding-bottom:30px; }
	#menu { height:auto; }
	#menu li.last { width:auto; }
}

@media screen and (min-width:1400px){	
	div.espacios .wrapper{ padding:16% 18% 20% }
	
}
@media screen and (min-device-width:0) and (max-device-width:760px){
	body{ min-width:600px;}
	ul.tabs { display:none;}
	#header div.header_content { height:230px;}
	#nav > li { width:100%!important; position:relative; border-right:none!important;  border-bottom:1px solid #496770;}
	#header div.header_content > a { margin-bottom:25px; }
	#nav, #nav2 { float:left; position:static;}
	#nav { clear:left; left:0; width:100%; top:70px;  }
	#box_wrapper div.menu > a { width:98%; }
	#main div.panes { width:100%; }
	#main div.panes > div { width:97%; padding:1.5%; }
	div.textos { width:100%; }
	#login input[type="text"] { width:50%; }
	#main table.grafico td { display:block; }
	#main table.grafico td:first-child { float:left; margin-right:10px; }
}
@media screen and (min-device-width:761px) and (max-device-width:1080px){
	/*#main ul.tabs { float:left; width:20% !important; }
	#main panes { float:left; width:80%; }*/
	body{ min-width:600px;}
	ul.tabs { display:none;}
	#header div.header_content { height:230px;}
	#nav  { width:100%; top:70px; }
	#nav > li { width:100%!important; position:relative; border-right:none!important;  border-bottom:1px solid #496770;}
	#box_wrapper .flecha { left:80%; }
	#main div.panes { width:100%; }
	#main div.panes > div { width:97%; padding:1.5%; }
	div.textos { width:100%; }
	#main table.grafico td { display:block; }
	#main table.grafico td:first-child { float:left; margin-right:10px; }
	
	
	#menu li.n1, #menu li.n2, #menu li.n3, #menu li.n4, #menu li.n5, #menu li.n6 { display:none; }
	#menu li:first-child { width:auto; padding:0 10px; }
	#footer ul.site_links, #footer ul.social_links { float:right; position:static; margin:0; }
	#footer ul.social_links { clear:both; }
	#login input[type="text"] { width:60%; }
}


